<template>
  <div style="background-color: white; width: 100%; height: 100%">
    <div
      class="logomain"
      style="background-color: #f6f6f6; height: 100%; width: 100%"
    >
      <div
        style="
          width: 100%;
          height: 80px;
          position: absolute;
          top: 0px;
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
          background-color: White;
        "
      >
        <center>
          <div class="title">
            <a href="javascript:void(0);">
              <img src="@/assets/homePage/cailogo.png" alt="" />
            </a>
            <div class="dianhua" style="color: #0b907f">
              咨询电话:&nbsp;0371 5537 6828
            </div>
          </div>
        </center>
      </div>
      <div id="bodydiv" style="width: 100%; height: 60%; padding-top: 150px">
        <center>
          <table class="tableproducts">
            <tbody>
              <tr>
                <td align="center">
                  <div
                    style="
                      border: 1px solid #eee;
                      box-shadow: 0px 0px 1px #f6f6f6;
                      background-color: White;
                      width: 810px;
                      height: 380px;
                      border-radius: 4px;
                    "
                  >
                    <center>
                      <table
                        style="
                          text-align: left;
                          margin-top: 40px;
                          margin-left: 10px;
                        "
                      >
                        <tbody>
                          <tr>
                            <td
                              colspan="2"
                              style="
                                font-size: 24px;
                                color: #555555;
                                padding-bottom: 10px;
                              "
                            >
                              开通医保社保缴费应用
                            </td>
                          </tr>
                          <tr>
                            <td colspan="2" style="text-align: left">
                              <hr
                                style="
                                  border-top-color: rgba(0, 0, 0, 0.063);
                                  margin-top: 0px;
                                  margin-left: 0px;
                                  margin-bottom: 20px;
                                  border-right-style: initial;
                                  border-bottom-style: initial;
                                  border-left-style: initial;
                                  border-right-color: initial;
                                  border-bottom-color: initial;
                                  border-left-color: initial;
                                  border-width: 1px 0px 0px;
                                  border-image: initial;
                                  border-top: 1px solid rgb(238, 238, 238);
                                "
                              />
                            </td>
                          </tr>
                          <tr>
                            <td
                              colspan="2"
                              style="
                                padding-bottom: 25px;
                                font-size: 14px;
                                color: #555555;
                                line-height: 28px;
                              "
                            >
                              企业医保社保缴费平台应用基于企业微信开发,开通应用前,需先注册企业微信,注册完成可直接开始体验
                            </td>
                          </tr>
                          <tr>
                            <td colspan="2" valign="top" align="center">
                              <table style="width: 450px">
                                <tbody>
                                  <tr>
                                    <td
                                      style="
                                        font-size: 20px;
                                        color: #666;
                                        border-top: 0px solid #eee;
                                        border-right: 1px solid #eee;
                                        height: 100px;
                                        width: 220px;
                                      "
                                      valign="top"
                                    >
                                      <table>
                                        <tbody>
                                          <tr>
                                            <td>有企业微信</td>
                                          </tr>
                                          <tr>
                                            <td style="padding-top: 10px">
                                              <img
                                                @click="gowx"
                                                src="http://p.qpic.cn/qqmail_pic/502492909/aea826a6b0b97ee849f8178312742039cfcb88b22611e29a/0"
                                                style="
                                                  width: 140px;
                                                  cursor: pointer;
                                                "
                                              />
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                    <td
                                      style="
                                        font-size: 20px;
                                        color: #666;
                                        border-top: 0px solid #eee;
                                        padding-left: 20px;
                                        width: 220px;
                                      "
                                      valign="top"
                                      align="center"
                                    >
                                      <table>
                                        <tbody>
                                          <tr>
                                            <td>无企业微信</td>
                                          </tr>
                                          <tr>
                                            <td style="padding-top: 10px">
                                              <a
                                                id="hrefqywxreg"
                                                target="_blank"
                                              >
                                                <img
                                                  @click="noqywx"
                                                  src="http://p.qpic.cn/pic_wework/1885659196/e2e45eea1aef452bcef8c7f7cad8ff2e89dc05ea0a66e585/0"
                                                  style="
                                                    width: 140px;
                                                    cursor: pointer;
                                                  "
                                              /></a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td
                              colspan="2"
                              style="padding-top: 30px; color: #555555"
                            >
                              已完成应用安装&nbsp;&nbsp;<router-link to="/login"
                                >登录</router-link
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </center>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </center>
      </div>
      <div
        style="
          width: 100%;
          background-color: White;
          position: absolute;
          bottom: 0px;
          height: 80px;
        "
      >
        <center>
          <div class="ccopy">郑州云谋网络科技有限公司 版权所有</div>
        </center>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {},
  methods: {
    noqywx() {
      this.APIS.getRegisterCode().then((res) => {
        if (res.data) {
          window.location.href =
            "https://open.work.weixin.qq.com/3rdservice/wework/register?register_code=" +
            res.data +
            "#/pc";
        }
      });
    },
    async gowx() {
      await this.APIS.wxAuth().then((res) => {
        if (res.data) {
          window.location.href = res.data;
        }
      });
    },
  },
};
</script>

<style lang="less">
.title {
  width: 1220px;
  text-align: left;
  padding: 20px 0px;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
</style>
